<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>


export default {
  name: 'App',
  components: {
  },
  mounted(){
  },
};
</script>



<style lang="scss" scope>
html * {outline: 0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color: #333}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
/* 页面字体设置 */
html {font-size:100px;font-size:13.33333vw;}
@media screen and (max-width:320px) {html {font-size:42.667px;font-size:13.33333vw;}}
@media screen and (min-width:321px) and (max-width:360px) {html {font-size:48px;font-size:13.33333vw;}}
@media screen and (min-width:361px) and (max-width:375px) {html {font-size:50px;font-size:13.33333vw;}}
@media screen and (min-width:376px) and (max-width:393px) {html {font-size:52.4px;font-size:13.33333vw;}}
@media screen and (min-width:394px) and (max-width:412px) {html {font-size:54.93px;font-size:13.33333vw;}}
@media screen and (min-width:413px) and (max-width:414px) {html {font-size:55.2px;font-size:13.33333vw;}}
@media screen and (min-width:415px) and (max-width:480px) {html {font-size:64px;font-size:13.33333vw;}}
@media screen and (min-width:481px) and (max-width:540px) {html {font-size:72px;font-size:13.33333vw;}}
@media screen and (min-width:541px) and (max-width:640px) {html {font-size:85.33px;font-size:13.33333vw;}}
@media screen and (min-width:641px) and (max-width:720px) {html {font-size:96px;font-size:13.33333vw;}}
@media screen and (min-width:721px) and (max-width:750px) {html {font-size:100px;font-size:13.33333vw;}}
@media screen and (min-width:751px) {html {font-size:100px;}body {width:750px;margin:0 auto;}}

</style>
